<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>美日生鲜</title>
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" type="text/css" href="./css/common.css" />
    <link rel="stylesheet" type="text/css" href="./css/freshList.css" />
  </head>
  <body>
    <div class="crumbs">
     生鲜&nbsp;&gt;&nbsp;生鲜列表
    </div>
    <div class="screen-classify flex-col">
      <div class="screen-classify-item flex-row">
        <h3 class="screen-classify-tit flex-col">品牌：</h3>
        <div class="screen-classify-con flex-row">
          <span>京觅</span>
          <span>洛川苹果</span>
          <span>佳沛</span>
          <span>炎陵黄桃</span>
          <span>漫哆味</span>
          <span>一颗绿芯</span>
          <span>爽果乐</span>
          <span>汇鲜达</span>
          <span>一农一果</span>
          <span>土八鲜</span>
          <span>菓西西</span>
          <span>堡先生</span>
          <span>西域美农</span>
          <span>涵果</span>
          <span>宁静苹果</span>
          <span>马保果</span>
          <span>平安乐农</span>
          <span>秋水蓝天</span>
        </div>
      </div>
      <div class="screen-classify-item flex-row">
        <h3 class="screen-classify-tit flex-col">原产地：</h3>
        <div class="screen-classify-con flex-row">
          <span>原产地：</span>
          <span>贵州</span>
          <span>美国</span>
          <span>海南</span>
          <span>广东</span>
          <span>湖南</span>
          <span>内蒙古</span>
          <span>甘肃</span>
          <span>比利时</span>
          <span>马来西亚</span>
          <span>广西</span>
          <span>河北</span>
          <span>泰国</span>
          <span>北京</span>
          <span>新西兰</span>
        </div>
      </div>
      <div class="screen-classify-item flex-row">
        <h3 class="screen-classify-tit flex-col">类别：</h3>
        <div class="screen-classify-con flex-row">
          <span>鲜榴莲</span>
          <span>桃</span>
          <span>冷冻榴莲</span>
          <span>蜜瓜</span>
          <span>西瓜</span>
          <span>李杏</span>
          <span>香瓜</span>
          <span>人参果</span>
          <span>圣女果</span>
          <span>释迦</span>
          <span>青梅橄榄</span>
          <span>山楂</span>
          <span>甜瓜</span>
        </div>
      </div>
      <div class="screen-classify-item flex-row">
        <h3 class="screen-classify-tit flex-col">包装形式：</h3>
        <div class="screen-classify-con flex-row">
          <span>礼盒装</span>
          <span>简装</span>
          <span>箱装</span>
          <span>原箱装</span>
        </div>
      </div>
    </div>
    <div class="screen-box flex-row">
      <span class="screen-box-item-active">综合</span>
      <span>销量</span>
      <span>价格</span>
      <span>新品</span>
      <span>评论</span>
      <div class="screen-box-page">
        <span>共计</span>
        <span class="col-blue">123</span>
        <span>件商品</span>
      </div>
      <div class="screen-box-page2">
        <span>第</span>
        <span class="col-blue">1/10</span>
        <span>页</span>
      </div>
      <div class="screen-box-page3">
        <span class="prev"></span>
        <span class="next"></span>
      </div>
    </div>
    <div class="goods-list flex-row">
      <div class="goods-list-item flex-col">
          <div class="goods-list-item-img flex-col">
            <img src="./images/goods-cover-1@2x.png" />
          </div>
          <span class="goods-list-item-tit">冰鲜精品五花肉400g</span>
          <span class="goods-list-item-con">
            白猪带皮五花，精养，精选，精分切，肉味醇香
          </span>
          <div class="goods-list-item-price flex-row">
            <div class="section3"> 
              <span>¥</span>
              <span class="txt">69.9</span>
            </div>
            <span class="unitname">/盒</span>
            <div class="goods-list-buybtn flex-row">
                <img src="./images/icons/icon-goods-buyCar-big@2x.png" />
                <span>加入购物车</span>
            </div>
          </div>
      </div>
      <div class="goods-list-item flex-col">
          <div class="goods-list-item-img flex-col">
            <img class="pic2" src="./images/goods-cover-1@2x.png" />
          </div>
          <span class="goods-list-item-tit">冰鲜精品五花肉400g</span>
          <span class="goods-list-item-con">
            白猪带皮五花，精养，精选，精分切，肉味醇香
          </span>
          <div class="goods-list-item-price flex-row">
            <div class="section3"> 
              <span>¥</span>
              <span class="txt">69.9</span>
            </div>
            <span class="unitname">/盒</span>
            <div class="goods-list-buybtn flex-row">
                <img src="./images/icons/icon-goods-buyCar-big@2x.png" />
                <span>加入购物车</span>
            </div>
          </div>
      </div>
      <div class="goods-list-item flex-col">
        <div class="goods-list-item-img flex-col">
          <img class="pic2" src="./images/goods-cover-1@2x.png" />
        </div>
        <span class="goods-list-item-tit">冰鲜精品五花肉400g</span>
        <span class="goods-list-item-con">
          白猪带皮五花，精养，精选，精分切，肉味醇香
        </span>
        <div class="goods-list-item-price flex-row">
          <div class="section3"> 
            <span>¥</span>
            <span class="txt">69.9</span>
          </div>
          <span class="unitname">/盒</span>
          <div class="goods-list-buybtn flex-row">
              <img src="./images/icons/icon-goods-buyCar-big@2x.png" />
              <span>加入购物车</span>
          </div>
        </div>
      </div>
      <div class="goods-list-item flex-col">
        <div class="goods-list-item-img flex-col">
          <img class="pic2" src="./images/goods-cover-1@2x.png" />
        </div>
        <span class="goods-list-item-tit">冰鲜精品五花肉400g</span>
        <span class="goods-list-item-con">
          白猪带皮五花，精养，精选，精分切，肉味醇香
        </span>
        <div class="goods-list-item-price flex-row">
          <div class="section3"> 
            <span>¥</span>
            <span class="txt">69.9</span>
          </div>
          <span class="unitname">/盒</span>
          <div class="goods-list-buybtn flex-row">
              <img src="./images/icons/icon-goods-buyCar-big@2x.png" />
              <span>加入购物车</span>
          </div>
        </div>
      </div>
      <div class="goods-list-item flex-col">
        <div class="goods-list-item-img flex-col">
          <img class="pic2" src="./images/goods-cover-1@2x.png" />
        </div>
        <span class="goods-list-item-tit">冰鲜精品五花肉400g</span>
        <span class="goods-list-item-con">
          白猪带皮五花，精养，精选，精分切，肉味醇香
        </span>
        <div class="goods-list-item-price flex-row">
          <div class="section3"> 
            <span>¥</span>
            <span class="txt">69.9</span>
          </div>
          <span class="unitname">/盒</span>
          <div class="goods-list-buybtn flex-row">
              <img src="./images/icons/icon-goods-buyCar-big@2x.png" />
              <span>加入购物车</span>
          </div>
        </div>
      </div>
      <div class="goods-list-item flex-col">
        <div class="goods-list-item-img flex-col">
          <img class="pic2" src="./images/goods-cover-1@2x.png" />
        </div>
        <span class="goods-list-item-tit">冰鲜精品五花肉400g</span>
        <span class="goods-list-item-con">
          白猪带皮五花，精养，精选，精分切，肉味醇香
        </span>
        <div class="goods-list-item-price flex-row">
          <div class="section3"> 
            <span>¥</span>
            <span class="txt">69.9</span>
          </div>
          <span class="unitname">/盒</span>
          <div class="goods-list-buybtn flex-row">
              <img src="./images/icons/icon-goods-buyCar-big@2x.png" />
              <span>加入购物车</span>
          </div>
        </div>
      </div>
      <div class="goods-list-item flex-col">
        <div class="goods-list-item-img flex-col">
          <img class="pic2" src="./images/goods-cover-1@2x.png" />
        </div>
        <span class="goods-list-item-tit">冰鲜精品五花肉400g</span>
        <span class="goods-list-item-con">
          白猪带皮五花，精养，精选，精分切，肉味醇香
        </span>
        <div class="goods-list-item-price flex-row">
          <div class="section3"> 
            <span>¥</span>
            <span class="txt">69.9</span>
          </div>
          <span class="unitname">/盒</span>
          <div class="goods-list-buybtn flex-row">
              <img src="./images/icons/icon-goods-buyCar-big@2x.png" />
              <span>加入购物车</span>
          </div>
        </div>
      </div>
      <div class="goods-list-item flex-col">
        <div class="goods-list-item-img flex-col">
          <img class="pic2" src="./images/goods-cover-1@2x.png" />
        </div>
        <span class="goods-list-item-tit">冰鲜精品五花肉400g</span>
        <span class="goods-list-item-con">
          白猪带皮五花，精养，精选，精分切，肉味醇香
        </span>
        <div class="goods-list-item-price flex-row">
          <div class="section3"> 
            <span>¥</span>
            <span class="txt">69.9</span>
          </div>
          <span class="unitname">/盒</span>
          <div class="goods-list-buybtn flex-row">
              <img src="./images/icons/icon-goods-buyCar-big@2x.png" />
              <span>加入购物车</span>
          </div>
        </div>
      </div>
      <div class="goods-list-item flex-col">
        <div class="goods-list-item-img flex-col">
          <img class="pic2" src="./images/goods-cover-1@2x.png" />
        </div>
        <span class="goods-list-item-tit">冰鲜精品五花肉400g</span>
        <span class="goods-list-item-con">
          白猪带皮五花，精养，精选，精分切，肉味醇香
        </span>
        <div class="goods-list-item-price flex-row">
          <div class="section3"> 
            <span>¥</span>
            <span class="txt">69.9</span>
          </div>
          <span class="unitname">/盒</span>
          <div class="goods-list-buybtn flex-row">
              <img src="./images/icons/icon-goods-buyCar-big@2x.png" />
              <span>加入购物车</span>
          </div>
        </div>
      </div>
      <div class="goods-list-item flex-col">
        <div class="goods-list-item-img flex-col">
          <img class="pic2" src="./images/goods-cover-1@2x.png" />
        </div>
        <span class="goods-list-item-tit">冰鲜精品五花肉400g</span>
        <span class="goods-list-item-con">
          白猪带皮五花，精养，精选，精分切，肉味醇香
        </span>
        <div class="goods-list-item-price flex-row">
          <div class="section3"> 
            <span>¥</span>
            <span class="txt">69.9</span>
          </div>
          <span class="unitname">/盒</span>
          <div class="goods-list-buybtn flex-row">
              <img src="./images/icons/icon-goods-buyCar-big@2x.png" />
              <span>加入购物车</span>
          </div>
        </div>
      </div>
    </div>
    <div class="paging-box flex-row">
      <div class="paging-box-prev flex-col"></div>
      <div class="paging-box-num-active flex-col">1</div>
      <div class="paging-box-num flex-col">2</div>
      <div class="paging-box-num flex-col">3</div>
      <div class="paging-box-num flex-col">4</div>
      <span class="paging-box-ellipsis">……</span>
      <div class="paging-box-num flex-col">10</div>
      <div class="paging-box-next flex-col"></div>
      <span class="txt">第</span>
      <div class="txt-inp flex-col"></div>
      <span class="txt">页</span>
      <div class="btn-jump  flex-col">跳转</div>
    </div>
  </body>
</html>